<!DOCTYPE html>
<html lang="zh-CN">
	<!-- InstanceBegin template="/Templates/model.dwt" codeOutsideHTMLIsLocked="false" --><head>
		<meta charset="UTF-8" />
		<meta name="referrer" content="never" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!-- InstanceBeginEditable name="doctitle" -->
		<title>
			上虞区职业教育中心新闻媒体中心 | Shangyu Vocational Education Center News
			Media Center
		</title>
		<!-- InstanceEndEditable -->
		<link rel="stylesheet" type="text/css" href="../css/model.css" />
		<link
			rel="shortcut icon"
			type="image/x-icon"
			href=""
		/>
		<!-- InstanceBeginEditable name="head" -->

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<script src="https://cdn.bootcdn.net/ajax/libs/hls.js/1.4.12/hls.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.2/flv.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>
		<!-- InstanceEndEditable -->
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div id="banner">
					<img alt="" id="banner_image" src="../images/banner.jpg" />
				</div>
				<div id="nav">
					<ul>
						<li><a class="hoverable" href="../index.html">首页</a></li>
						<li><a class="hoverable" href="introduction.html">简介</a></li>
						<li><a class="hoverable" href="live.html">校园直播</a></li>
						<li><a class="hoverable" href="live_record.html">直播回放</a></li>
					</ul>
				</div>
			</div>
			<div id="main">
				<!-- InstanceBeginEditable name="main" -->
				<div id="dplayer"></div>

				<script>
					function LoadPlayer(URL) {
						const dp = new DPlayer({
							container: document.getElementById("dplayer"),
							live: true,
							autoplay: true,
							mutex: true,
							lang: "zh-cn",
							hotkey: true,
							preload: "auto",
							volume: 0.7,
							playbackSpeed: [0.5, 0.75, 1, 1.25, 1.5, 2],
							danmaku: true,
							danmaku: {
								api: "10.1.10.111:1207",
								id: "82197825",
								token: "zjzx",
								user: "admin",
								maximum: 1000,
							},
							apiBackend: {
								read: function (options) {
									console.log("Pretend to connect WebSocket");
									options.success([]);
								},
								send: function (options) {
									console.log(
										"Pretend to send danmaku via WebSocket",
										options.data
									);
									options.success();
								},
							},
							video: {
								quality: [
									{
										name: "原画",
										url: "http://10.1.10.111:8080/__defaultApp__/live.flv",
										type: "flv",
									},
									{
										name: "1080P",
										url: "http://10.1.10.111:8080/__defaultApp__/live_1080p.m3u8",
										type: "hls",
									},
									{
										name: "720P",
										url: "http://10.1.10.111:8080/__defaultApp__/live_720p.m3u8",
										type: "hls",
									},
								],
								defaultQuality: 0,
								pic: "https://bing.chentech.asia/api/getImage",
								thumbnails: "https://bing.chentech.asia/api/getImage",
							},
						});
					}
					LoadPlayer();
				</script>
				<!-- InstanceEndEditable -->
			</div>
			<div id="footer" class="glass">
				版权所有&copy;2023上虞区职业教育中心 | Shangyu Vocational Education
				Center News Media Center<br />
				技术支持：
				<a href="https://www.chentech.asia" class="hoverable" target="_blank"
					><img
						src="../images/logo_1024x1024.png"
						alt=""
						class="logo"
						width="20px"
						style="
							margin-bottom: -2.5px;
							margin-right: 10px;
							border-radius: 5px;
						"
					/>陈缘科技</a
				>
				&nbsp;&nbsp;联系：
				<a
					href="https://space.bilibili.com/564976555"
					class="hoverable"
					target="_blank"
					>BiliBili &nbsp;<img
						src="https://www.bilibili.com/favicon.ico?v=1"
						alt=""
						class="logo" /></a
				>&nbsp;&nbsp;&nbsp;&nbsp;
				<a
					href="https://github.com/CHEN-Technology"
					class="hoverable"
					target="_blank"
					>GitHub &nbsp;<img
						src="../images/github.png"
						alt=""
						class="logo" /></a
				>&nbsp;&nbsp;&nbsp;&nbsp;
				<a
					href="https://gitee.com/CHEN-Technology"
					class="hoverable"
					target="_blank"
					>Gitee &nbsp;<img src="../images/gitee.png" alt="" class="logo" /></a
				><br />
				提交错误：
				<a
					href="https://github.com/CHEN-Technology/Shangyu_Vocational_Education_Center_News_Media_Center_Web"
					class="hoverable"
					target="_blank"
					>GitHub &nbsp;<img
						src="../images/github.png"
						alt=""
						class="logo" /></a
				>&nbsp;&nbsp;&nbsp;&nbsp;
				<a
					href="https://gitee.com/CHEN-Technology/Shangyu_Vocational_Education_Center_News_Media_Center_Web"
					class="hoverable"
					target="_blank"
					>Gitee &nbsp;<img src="../images/gitee.png" alt="" class="logo"
				/></a>
			</div>
		</div>
	</body>
	<!-- InstanceEnd -->
</html>
